body{
   font-family: Arial;
   font-size:12px;
   color: #81807d;
   background: url(../img/bg_page.jpg);
   margin: 0px;
}
a{
   text-decoration: none;
   color: #81807d;
}
#wrapper {
   width:990px;
   background: url(../img/bg_wrapper.png) no-repeat;
   margin: 0px auto;
}
.header{
   float:left;
   margin: 15px 0px;
}
#all{
   position: absolute;
   margin:15px 70px 0px 100px;
   font: 14px;
}
#all a:hover{
   font-size:16px;
   color:#ff6501;
   font-weight: bold;
}
#online{
   margin:15px 70px 0px 201px;
   position: absolute;
}
#online a:hover{
   font-size:16px;
   color:#ff6501;
   font-weight: bold;
}
#place{
   margin:8px 70px 0px 310px;
}
#search{
   
}
#search input{
   background: url(../img/icon_timkiem.png) no-repeat #fdebcb 185px 3px;
   border-radius:10px;
   border:1px solid #e8d6b4;
   width:196px;
   padding : 1px 0px 1px 10px ;
}
#search span{
   position: relative;
   left:50px;
   top:-1px;
}
#search img{
   position: relative;
   top:2px;
}
#content{
   margin-top: 150px;
}
#tuvan{
   width: 960px;
   height:213px;
   border: 2px solid #dcdbd7;
   margin: auto;
   border-radius: 10px;
   background: url(../img/bg_user_info.png);
   margin-top: -157px;
}
#title{
   margin: 10px 0px;
}
#linhvuc{
   margin-left: 82px;
   font-size: 14px;
   font-weight: bold;
   color: #81807D;
}
#tatcalinhvuc{
   font-size: 14px;
   color: #81807D;
}
#detail{
   position: absolute;
   top: 128px;	
}
#tenlop{
   position: relative;
   line-height: 42px;
   width: 100px;
   top: 2px;
   font-weight: bold;
   margin-left: 42px;
   color:#000;
}
#tenlop ul{
   list-style: none;
}
#lop10{
   width:820px;
   height:16px;
   padding: 12px 0px;
   padding-left: 140px;
   border-top: 1px solid transparent;
}
#lop10:hover{
   background: #f2f2f1;
   border-top: 1px solid #dcdbd7;
}
#tenlop10{
   margin-left: 53px;
   font-weight: bold;
   color:#000;
}
#tenlop10:hover{
   background: none;
}
#lop11{
   width:820px;
   height:16px;
   padding: 12px 0px;
   padding-left: 140px;
   border-top: 1px solid transparent;
}
#lop11:hover{
   background: #f2f2f1;
   border-top: 1px solid #dcdbd7;
}
#tenlop11{
   margin-left: 53px;
   font-weight: bold;
   color:#000;
}
#lop12{
   width:820px;
   height:16px;
   padding: 12px 0px;
   padding-left: 140px;
   border-top: 1px solid transparent;
}
#lop12:hover{
   background: #f2f2f1;
   border-top: 1px solid #dcdbd7;
}
#tenlop12{
   margin-left: 53px;
   font-weight: bold;
   color:#000;
}
.category{
   float: left;
   padding: 2px 28px;
}
#chuyengia{
   width: 958px;
   background: #FEFEFD;
   margin: auto;
   overflow: hidden;
   border: 1px solid #dcdbd8;
   margin-top: 15px;
   -moz-border-radius-topleft:10px; 
   -webkit-border-top-left-radius:10px;
   -moz-border-radius-topright:10px;
   -webkit-border-top-right-radius:10px;
}

.title{
   	background: #FEFEFD;
	width: 956px;
	margin: 0px auto;
	border: 1px solid #d8d8d8;
	height: 30px;
	padding-top: 20px;
	-moz-border-radius-topleft:10px; 
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
}
.title-bottom{
   	background: #FEFEFD;
	width: 956px;
	margin: 0px auto;
	border: 2px solid #d8d8d8;
	height: 30px;
	padding-top: 20px;
	border-top:none;
	-moz-border-radius-bottomright:10px; 
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
}
.title img{
   position: relative;
   left: 30px;
}
.items{
   padding:0px 30px;
   
}
#wrapper_person{
   margin-top: 20px;
}
.person{
  /* background: #faf9f4;*/
}
.person:hover{
   background: #f2f2f1;
   cursor: pointer;
}
/*
#ava{
    width: 96px;
	height: 45px;
	float: left;
	margin-left: 49px;
}*/
.text{
  float: left;
  width: 275px;
}
.name{
   font-size:14px;
   font-weight: bold;
   color:black;
}
.job{
   font-size:12px;
   color:black;
}
.price{
  float: left;
}
#viewmore{
   float:right;
   margin: 25px 34px 0px 0px;
}
#viewmore span{
   padding-right:75px;
}
#viewmore a{
   text-decoration: none;
   color: #ff6501;
   font-size:12px;
}
#footer{
   width:100%;
   padding-top: 20px;
   text-align: center;
   font-size: 10px;
   
}
#footer a{
   padding: 0px 13px;
   text-decoration: none;
   color:#aeadab;
}
li.menu{
	float: left;
	padding: 5px 48px 5px 5px;
	list-style: none;
}
ul.header{
}
.clear{
	clear:both;
}
.menuall{
	width: 100%;
	height: 50px;
}
.person-border{
	border-right: 1px solid #dcdbd8;
}
.person-border-top{
	border-top: 1px solid #dcdbd8;
}
.may{
	background-image: url(../img/may.jpg);
	height: 200px;
	margin: 0px;
}
.top-menu{
	float:left;
	background: black;
	width: 100%;
	height: 30px;
}
.category-hover{
	background: #ff6501;
	border-radius: 9px;
}
.icon-call-default{
	background-image: url(../img/icon_call_default.png);
	width: 25px;
	height: 32px;
}

.icon-call-hover{
	background-image: url(../img/call_delay.png);
	width: 25px;
	height: 32px;
}
div.category-block .item-categ{
	border: 1px solid #d8d8d8;
	padding:10px 0px 10px 0px;
	position: relative;
	width: 477px;
	float: left;
	background: url(../img/bg_user_info.png);
}
span.star-view-one{background: url(/img/star_hover.png) repeat-x; display: block; width: 17px; float: left; margin-right: 2px;}
span.star-view{background: url(/img/star_hover.png) repeat-x; display: block; width: 80px; float: left; margin-right: 2px;}

span.star-no-view-one{background: url(/img/star_silver.png) repeat-x; display: block; width: 17px; float: left; margin-right: 2px;}
span.star-no-view{background: url(/img/star_silver.png) repeat-x; display: block; width: 80px; float: left; margin-right: 2px;}
.detail-star{font-size: 11px;}
#ava img{
	width: 58px;
	height: 48px;
	float: left;
	margin-left: 33px;
	margin-right: 59px;
	border-radius: 5px;
	border:4px solid white;
}

div.note-popup,div.call-center{
    min-height: 85px;
    position: fixed;
    right: 10px;
    top: 45px;
    width: 260px;
    background-color: #EDEFF4;
    border: 1px solid #D8D8D8;
    border-radius: 4px 4px 4px 4px;
}
div.note-popup label,div.call-center label{
    color: #4866A5;
    font-size: 14px;
    margin: 5px;
}
div.note-popup div.content,div.call-center div.content{
    margin: 5px;
}
div.note-popup div.content span.time,div.call-center div.content span.time{
    font-size: 10px;
    color: #777777;
}
div.note-popup div.content input,div.call-center div.content input{
    margin: 5px;
    font-size: 11px;
    float: right;
}
.top-menu ul li{
	float: left;
	padding: 0px 19px;
	list-style: none;
	margin: 0px 34px;
}
#logo{
	background: url(../img/logo.png);
	width: 47px;
	height: 23px;
}
span#notificationsCountValue{
	position: absolute;
	background: red;
	width: 5px;
	height: 5px;
	top: 8px;
	left: 222px;
}
.top-menu ul{
	height: 30px;
	margin: 4px;
}
#box-call{
	background: url(../img/logo.png);
	width: 47px;
	height: 23px;
}